<div class="center-screen app-standard">
    <div class="full_parent">
        <div class="center-screen app-standard">

            <div class="row">

                <div class="col-md-9 col-md-push-3">

                    <div id="carousel-example-generic" class="carousel slide" data-ride="carousel">
                        <ol class="carousel-indicators">
                            <li data-target="#carousel-example-generic" data-slide-to="0" class=""></li>
                            <li data-target="#carousel-example-generic" data-slide-to="1" class=""></li>
                            <li data-target="#carousel-example-generic" data-slide-to="2" class="active"></li>
                        </ol>
                        <div class="carousel-inner">
                            <div class="item">
                                <img data-src="holder.js/900x500/auto/#777:#555/text:First slide" alt="First slide"
                                     src="/img/app/app/developers/slide/27042113.JPG">
                            </div>
                            <div class="item">
                                <img data-src="holder.js/900x500/auto/#666:#444/text:Second slide" alt="Second slide"
                                     src="/img/app/app/developers/slide/27042113.JPG">
                            </div>
                            <div class="item active">
                                <img data-src="holder.js/900x500/auto/#555:#333/text:Third slide" alt="Third slide"
                                     src="/img/app/app/developers/slide/27042113.JPG"/>
                            </div>
                        </div>
                        <a class="left carousel-control" href="#carousel-example-generic" data-slide="prev">
                            <span class="glyphicon glyphicon-chevron-left"></span>
                        </a>
                        <a class="right carousel-control" href="#carousel-example-generic" data-slide="next">
                            <span class="glyphicon glyphicon-chevron-right"></span>
                        </a>
                    </div>

                    <?php for ($i = 0; $i < 4; $i++): ?>
                        <div class="panel panel-default">
                            <div class="panel-heading">Software Engineer</div>
                            <div class="panel-body">
                                Panel content
                            </div>
                        </div>

                    <?php endfor ?>
                </div>

                <div class="col-md-3 col-md-pull-9">
                    <div class="list-group">
                        <a href="#" class="list-group-item active"><?php echo $this->translate('Life at Peslook') ?></a>
                        <a href="#" class="list-group-item"><?php echo $this->translate('Explore our office') ?></a>
                        <a href="#" class="list-group-item"><?php echo $this->translate('Recruitment process') ?></a>
                        <a href="#" class="list-group-item"><?php echo $this->translate('Tips for applicants') ?></a>
                    </div>
                </div>
            </div>


        </div>
    </div>
</div>